<template>
  <div>
<van-empty description="游客"  :image="img">
  <van-button  type="danger" class="bottom-button" color=#21b97a square @click="dengLu">去登陆</van-button>
</van-empty>
<van-grid :column-num="3">
  <!-- <van-grid-item v-for="value in 6" :key="value" icon="star-o" text="文字" /> -->
  <van-grid-item icon="star-o" text="我的收藏" />
  <van-grid-item icon="wap-home-o" text="我的出租" />
  <van-grid-item icon="underway-o" text="看房记录" />
  <van-grid-item icon="idcard" text="成为房主" />
  <van-grid-item icon="contact" text="个人资料" />
  <van-grid-item icon="service" text="联系我们" />
</van-grid>
<van-image
  width="284px"
  height="70px"
  src="http://liufusong.top:8080/img/profile/join.png"
/>

  </div>
</template>

<script>
import img from '@/assets/20221006184407.png'
export default {
  data () {
    return {
      img
    }
  },
  methods: {
    dengLu () {
      this.$router.push({ path: '/login' })
    }
  }
}
</script>

<style lang="less" scoped>
.van-empty{
  padding: 0;
}
.custom-image .van-empty__image {
    width: 90px;
    height: 90px;
  }
 /deep/ .van-empty__image img {
    width: 100%;
    height: 230px;
    position: fixed;
    left: 0;
    right: 0;
    margin: auto;
}
/deep/p.van-empty__description {
    margin-top: 70px;
    font-weight: 700;
    color: black;
}

/deep/.van-button{
 width: 2.5rem;

}
.van-button--square{
  border-radius:10px

}
.van-button--normal {
margin-bottom:45px
}
 /deep/.van-image__img{
    margin-left: 13px;
}

</style>
